<template>
  <div class="img-wrap active">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_01.jpg">
    <div class="img"><a href="https://v.qq.com/iframe/player.html?vid=n0524sozffm&tiny=0&auto=0"><img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_02.jpg"></a> </div>
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_03.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_04.jpg">
  <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_05.jpg">
    <div class="img"><a href="https://v.qq.com/iframe/player.html?vid=t0500rhvfv1&tiny=0&auto=0"><img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_06.jpg"></a></div>
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_07.jpg">
    <img src="http://cdn.gee4.cn/zw-wx/wx-vue-img-v2/img/aboutMe/1105-activity_08.jpg">
  </div>
</template>
<script>
import { wxshare } from 'common/mixin'


export default {
  mixins: [wxshare],
  data() {
    return {

    }

  }
}

</script>
<style lang="less">
.active {
  img {
    vertical-align: top;
    display: block;
    width: 100%;
  }

  .title {
    margin-top: 50px;
    text-align: center;
    font-size: 26px;
    font-family: "微软雅黑";
  }

  .img {
    // width: 80%;
    margin: 0 auto;
  }

  .watching {
    font-size: 15px;
    font-family: "微软雅黑";
  }

  .content {
    padding: 0 20px;
    line-height: 30px;
    text-align: justify;
    font-size: 18px;
    font-family: "微软雅黑";
  }
}

</style>
